<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="keywords" content="mamain、母婴室、移动母婴室、母婴出行 ">
    <meta name="description" content="宁波玛玛应智能科技有限公司是一家专门生产铺设智能化、移动化的母婴室的公司，我们致力于为千万妈妈提供完美出行方案，鼓励母乳亲喂，缓解哺乳期出行尴尬和焦虑">
	<title>mamain移动母婴室</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
	<link rel="stylesheet" type="text/css" href="css/swiper-4.1.6.min.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	
	<link rel="stylesheet" type="text/css" href="css/media.css" />
	<!-- <!—视频播放—> -->
	<link href="css/video-js.css" rel="stylesheet">


</head>

<body>
	<!--nav-->
	<div class="index_nav_wrap" isScroll="true">
		<div class="index_nav clear" id="indexNav">
			<div class="logo">
				<!--<img src="img/logo.png"/>-->
			</div>
			<i class="media_menu"></i>
			<!-- <div class="language"></div> -->
			<ul class="clear">
				<li class="active"><a href="javascript:;" position="banner">首页</a></li>
				<li>
					<a href="javascript:;" position="video">视频</a>
				</li>
				<!-- <li>
					<a href="productos.html" >PRODUCTOS</a>
					<div class="child clear">
						<a href="productos.html?id=0" >Geófonos</a>
						<a href="productos.html?id=1" >Cables</a>
						<a href="productos.html?id=2" >Conectores</a>
						<a href="productos.html?id=3" >Carretes</a>
						<a href="productos.html?id=4" >Cajas Protectoras</a>
						<div class="clear"></div>
					</div>
					<i></i>
				</li> -->
				<li>
					<a href="javascript:;" position='photo'>相册</a>
				</li>
				<li>
					<a href="javascript:;" position='trait'>特点</a>
				</li>
				<li>
					<a href="javascript:;" position='contact'>合作</a>
				</li>
				<div class="clear"></div>
			</ul>


			<div class="clear"></div>
		</div>
	</div>
	<!--banner-->
	<div class="swiper-container" id="banner">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="img/banner.jpg" />
				<div class="banner_text">
					<p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s"
						swiper-animate-delay="0.3s">Mama in the house</p>
					<span class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s"
						swiper-animate-delay="0.8s">Love in the house</span>
				</div>
			</div>
		</div>
		<!-- Add Pagination -->
		<!-- <div class="swiper-pagination"></div> -->
	</div>
	<!-- 1-->
	<div class="product_wrap product_wrap1" id="video">
		<div class="product_win">
			<div class="product_title">
				<p>视频</p>
				<!-- <br/><br/> -->
				<span>我们致力于为千万妈妈提供完美出行方案，鼓励母乳亲喂，缓解哺乳期出行尴尬和焦虑。</span> 
			</div>
			<div class="index_video">
				<div class="video_content win_video_content win_video_content2 index_video_content">
					<video id="my-video" class="video-js" controls preload="auto" width="0" height="620"
						poster="img/fm1.jpg" data-setup="{}">
						<source src="http://images.uileader.com/propaganda.mp4" type='video/mp4'>
						</source>
					</video>
				</div>
			</div>

		</div>
	</div>
	<div class="product_wrap product_wrap2" id="photo">
		<div class="product_win">
			<div class="product_title">
				<p>相册</p>
				<!-- <br/><br/> -->
				<span>目前，已经有在北京、杭州、上海、深圳等十几个城市落地了我们的移动母婴室。</span> 
			</div>
			<div class="photo_wrap">
				<div class="item">
					<img src="img/photo/01_min.jpg" alt="">
					<div class="img_wrap ">
						<img src="img/photo/01.jpg" alt="" class="animated">
					</div>
				</div>
				<div class="item">
					<img src="img/photo/02_min.jpg" alt="">
					<div class="img_wrap ">
						<img src="img/photo/02.jpg" alt="" class="animated">
					</div>
				</div>
				<div class="item">
					<img src="img/photo/03_min.jpg" alt="">
					<div class="img_wrap ">
						<img src="img/photo/03.jpg" alt="" class="animated">
					</div>
				</div>
				<div class="item">
					<img src="img/photo/04_min.jpg" alt="">
					<div class="img_wrap ">
						<img src="img/photo/04.jpg" alt="" class="animated">
					</div>
				</div>
				<div class="item">
					<img src="img/photo/05_min.jpg" alt="">
					<div class="img_wrap ">
						<img src="img/photo/05.jpg" alt="" class="animated">
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="product_wrap" id="trait">
		<div class="product_win">
			<div class="product_title">
				<p>特点</p>
				<!-- <br/><br/> -->
				<span>根据中国妈妈设计，提供舒适的外出哺乳体验</span>
			</div>
			<div class="trait_wrap">
				<div class="item">
					<div class="left">
						<img src="img/td01.jpg" alt="">
					</div>
					<div class="right">
						<span>灵活</span>
						<p>产品易于安装，可根据用户使用需要决定位置</p>
						<p>2平方米大小，并且而且可以充分利用内部空间，占地小而不压抑。</p>
					</div>
				</div>
				<div class="item">
					<div class="left">
						<img src="img/td02.jpg" alt="">
					</div>
					<div class="right">
						<span>舒适</span>
						<p>防火级高等板材，比在一个房间里挤满了大量人更加舒适</p>
						<p>婴儿护理台、沙发、镜子、纸巾、充电插座等设备一应俱全，充分满足妈妈的使用</p>
					</div>
				</div>
				<div class="item">
					<div class="left">
						<img src="img/td03.jpg" alt="">
					</div>
					<div class="right">
						<span>私密</span>
						<p>外部监控摄像头，保障妈妈的安全</p>
						<p>有人使用时门锁自动反锁，保护妈妈的隐私</p>
					</div>
				</div>
				<div class="item">
					<div class="left">
						<img src="img/td04.jpg" alt="">
					</div>
					<div class="right">
						<span>智能</span>
						<p>扫码开门、语音播报、智能灯光控制、智能新风系统、有人无人指示灯等一整套物联网解决方案</p>
						<p>极大程度的方便用户的使用</p>
					</div>
				</div>
				<div class="item">
					<div class="left">
						<img src="img/td05.jpg" alt="">
					</div>
					<div class="right">
						<span>配套软件</span>
						<p>我们开发了微信/支付宝小程序</p>
						<p>通过小程序可以查找母婴室位置、扫码开门、控制智能设备、领取应急用品等。</p>
					</div>
				</div>

			</div>
		</div>
	</div>
	<div class="product_wrap contact_wrap" id="contact">
		<div class="product_win">
			<div class="contact_content">
				<div class="contact_title">
					
					<p>合作</p>
					<!-- <br/><br/> -->
				<span>您有任何合作需要，都可在这里提交表单，我们会尽快与您取得联系</span>
				</div>
				<form id="commentForm">
							<ul>
								<li>
									<input type="text" required maxlength="10" name="text" id="name" placeholder="姓名">
								</li>
								<li>
									<input type="email" required name="email" id="email" placeholder="电子邮件">
								</li>
								<li>
									<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" required  name="number" id="mobile" placeholder="电话">
								</li>
								<li>
									<textarea name="" id="body" maxlength="20" required  cols="30" rows="10" placeholder="信息"></textarea>
								</li>
								<li>
									<input type="submit" class="submit" id="btn_commit"></input>
								</li>
							</ul>
				</form>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<p>COPYRIGHT@宁波玛玛应智能科技有限公司 </p>
		<br/><br/>
		<p>电话：4008884876 邮箱：mamain_bd@mymamain.com</p>
		<br/><br/>
		<p>浙ICP备18018998号</p>
	</div>

	<!-- 返回顶部 -->
	<div class="back_top">
		<i>返回顶部</i>
		<span></span>
	</div>
	<div class="nav_mask"></div>
</body>

</html>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/fastclick.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-4.1.6.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper.animate.min.js"></script>
<script src="http://vjs.zencdn.net/6.6.3/video.js"></script>
<!-- jquery校验库 -->
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<!-- jquery校验库 -->
<script>

</script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>


<script>
	$(function () {
		var swiper = new Swiper('.swiper-container', {
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
			},
			// effect: 'fade',
			// autoplay: {
			// 	delay: 5000
			// },
			// loop: false,
			// on: {
			// 	init: function () {
			// 		swiperAnimateCache(this); //隐藏动画元素 
			// 		swiperAnimate(this); //初始化完成开始动画
			// 	},
			// 	slideChangeTransitionEnd: function () {
			// 		swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
			// 	}
			// }
		});
		$('.swiper-container').hover(function () {
			swiper.autoplay.stop();
		}, function () {
			swiper.autoplay.start();
		})
		
		//获取地址参数
		var urlId = GetQueryString("id");
		// console.log(urlId,urlId.toString().length)
		if (urlId != null && urlId.toString().length > 0) {
			var scrollTop = $(".index_content_wrap").eq(urlId).offset().top;
			$("#indexNav ul li").eq(urlId).addClass('active').siblings('li').removeClass('active');
			// if(urlId==3){
			// 	scrollTop=$('#clientes').offset().top;
			// }
			$("html,body").stop().animate({
				scrollTop: scrollTop - $("#indexNav").outerHeight() + 10
			})
		}
     // 提交表单校验
      $.validator.setDefaults({
    submitHandler: function() {
			  $.ajax({
			        url:"https://www.mymamain.com/api/statistics/index",
			        data:{
			          name : $("#name").val(),
			          email : $("#email").val(),
			          mobile : $("#mobile").val(),
			          body : $("#body").val(),
			        },
			        async:false,
			        success: function(a){
			          if(a != undefined && a != ''){
			            alert("提交成功");
			            window.location.reload();
			          }
			        }
			      });
    }
});
$().ready(function() {
    $("#commentForm").validate();
 
}); 

	})



</script>